<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>select</title>
    <script type="text/javascript">
       function getValue() {
         //根据Id查询到select元素
         var x = document.getElementById("ss");
         //获取数组的下标
        //  alert(x.selectedIndex);
         //获取文本
        //  alert(x[x.selectedIndex].text);

        for(var i = 0; i<x.length;i++){
            // document.write(x.options[i].text+"<br>");
            // value 传递的 i 的值
            // document.write(x.options[i].value+"<br>");
            

            //显示文本内容
            if(x.options[i].selected==true){
              alert(x.options[i].text);
            }
         }
            //返回下拉列表中被选项目的索引号。
            // alert(x.selectedIndex); 
        }
           
       
    </script>
</head>
<body>
    <!-- onchange 当改变选项时 触发函数 -->
  <select id="ss" onchange="getValue()">
    <option value="1">Java</option>
    <option value="2">C++</option>
    <!-- selected 默认选项 -->
    <option value="3" selected>Node</option>
    <option value="4">Spring</option>
  </select>
</body>
</html>